/**************************************
 *
 * VLOOK™ 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * For(wechat): pigcloud999
 * 2024-12
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

@vlookQuery: @vlookQueryDef + "ws=auto&gray=off";

// 主题信息
@themeVer: "V28.1";
@themeName: "vlook-x-pig";
@themeDesc: "× PIG";
@themeEmail: "sw@pigx.vip";

// 指定字体主题
.applyFontStyle(local);
// 文档背景使用图片
.applyDocBgImg(@docBgImgLight_Wave, @docBgImgDark_Wave);
// 指定主题配套的圆角
.applyThemeRadius(small);
// 表格、插图指定居中对齐
.genTableAndFigureAlign(center);
// 生成指定的表格样式
.genTableStyle(modern);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #3F7DE8;
@theme2: #1A46A5;
@theme3: #FFFFFF;
@theme1Dark: #6298F5;
@theme1Alt: #B0C9F5;
@theme1AltDark: #2458B3;
@theme2Dark: #3970E6;
@theme2Alt: #93B2F5;
@theme2AltDark: #0A2F80;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacityLowForLg);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacityLowForLg);
@theme2FadeDark: rgba(red(@theme2Dark), green(@theme2Dark), blue(@theme2Dark), @accOpacityHighForDk);

// 标题色
@headerColor: @theme1;
@headerColorDark: @theme1Dark;
// 渐变标题色 h1-h5
@lg1: linear-gradient(90deg, @theme2 20%, @theme1);
@lg2: linear-gradient(90deg, @theme1 60%, var(--d-fc-a));
.genLinearGradientHeader(h1, @lg1);
.genLinearGradientHeader(h2, @lg2);
.genLinearGradientHeader(h3, @lg2);
.genLinearGradientHeader(h4, @lg2);
.genLinearGradientHeader(h5, @lg2);

@headerBackground: none;
@headerPadding: 10px 0 0 0;

// 自定义标题自动编号
@vHeaderAutoNum: "h1{{第###章}}";
@h1BeforeContent: "第" counter(h1) "章";

@headerTextAlign: center;

// 引用块默认色样式（与主题配套使用）
@quoteBgDefault: linear-gradient(0deg, var(--d-bc), var(--blockquote-bg));
@quoteBoxShadowDefault: 0 0 0 1px var(--blockquote-bg) inset;

// 题注文字、背景色
@captionBackground: none;

// 行内代码
@codeTextColor: @theme2;

// 按钮色
@buttonForeColor: @theme3;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @theme1;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(leaf);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
// @alinecolor: @theme2;
@aHoverColor: @theme2;
@aHoverColorDark: @theme2Dark;
@aActiveColor: desaturate(@aHoverColor, 25%);

@badgeBorderWidthInCover: 0;

 // 加粗（发布人）前缀样式
.genCoverStrongBefore() {
    content: "";
}
// 加粗（发布人）后缀样式
.genCoverStrongAfter() {
    content: " 发布";
    opacity: .6;
}

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 180px 60px 0;
@coverTextPaddingForMobile: 180px 20px 0;
@coverTextColor: @theme2;
@coverSubColor: @theme1;
@coverUnderlineColor: @coverSubColor;
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverUnderlineColor;

@backcoverTextAlign: @coverTextAlign;
@backcoverTextPadding: 300px 60px 0;
@backcoverTextPaddingForMobile: 300px 20px 0;
@backcoverTextColor: @theme3;

// 封面、封底标题的文字阴影样式
@coverTextShadow: none;
@backcoverTextShadow: none;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: 0 0 0 1px fade(@theme1, 10%) inset;

// 封面背景设置
@coverBackgroundColor: @theme3;
@coverBackgroundImage: var(--thm-logo), var(--thm-c-net-r), var(--thm-c-bg-v), var(--thm-c-bg-h), var(--thm-c-bg);
@coverBgSize: auto, 176px 200px, 100% auto, auto 100%, auto;
@coverBgSizeForMobile: auto, 132px 150px, 100% auto, auto 100%, 525px 292px;
@coverBackgroundSize: var(--thm-c-bg-size);
@coverBackgroundRepeat: no-repeat, no-repeat, repeat-y, repeat-x, no-repeat;
@coverBgPosition: 60px 60px, right top, 0 0, 0 0, right bottom;
@coverBgPositionForMobile: 20px 60px, right top, 0 0, 0 0, right bottom 50px;
@coverBackgroundPosition: var(--thm-c-bg-pos);

// 封底背景设置
@backcoverBackgroundColor: @coverBackgroundColor;
@backcoverBackgroundImage: var(--thm-bc-net-l), var(--thm-bc-net-r), var(--thm-bc-bg-v);
@backcoverBgSize: 240px 272px, 344px 390px, 100% auto;
@backcoverBgSizeForMobile: 180px 204px, 258px 292px, 100% auto;
@backcoverBackgroundSize: var(--thm-bc-bg-size);
@backcoverBackgroundRepeat: no-repeat, no-repeat, repeat-y;
@backcoverBgPosition: 0 0, right top 0, 0 0;
@backcoverBgPositionForMobile: @backcoverBgPosition;
@backcoverBackgroundPosition: var(--thm-bc-bg-pos);


// 封面、封底素材资源
:root {
--thm-logo: url("");
--thm-c-net-r: url("");
--thm-c-bg-v: url("");
--thm-c-bg-h: url("");
--thm-c-bg: url("");
// backcover
--thm-bc-net-l: url("");
--thm-bc-net-r: url("");
--thm-bc-bg-v: url("");
// doc-ext-bg
}

@import "../base";

// 生成线框风格的有序列表样式
.genOrderList(frame, circle);

// 生成指定风格的多级标签样式
.genBadgeStyle(std);

// 生成 GSA 样式
.genGSA_flat();
